<template>
  <view class="container">
		<!-- {{state}} -->
    <!-- 审核中 -->
    <view class="State" v-if="state ==0">
      <view class="icon">
        <i-icon
          icon="icondengdai"
          type="single"
          size="160rpx"
          color="#FBBC00"
        ></i-icon>
      </view>
      <view class="tips">
        <view class="line">您的认证信息正在审核中</view>
        <view class="line">请耐心等待... </view>
      </view>
    </view>

    <!-- 审核失败 -->
    <view class="State" v-else-if="state == 2">
      <view class="icon">
        <i-icon icon="iconshenheshibai" type="multiple" size="160rpx"></i-icon>
      </view>
      <view class="tips">
        <view class="line">您的提交的信息审核失败</view>
        <view class="line" @click="upInfo">请重新提交认证信息</view>
      </view>
      <view class="result">
        <button class="btn-primary" @click="upInfo">重新认证</button>
      </view>
    </view>
    <!-- 弹窗 -->
    <uni-popup ref="popup" type="center">
      <view class="popup-content">
        <view class="popup-main">
          <view class="icon">
            <i-icon
              icon="icontijiaochenggong"
              type="single"
              size="128rpx"
              color="#4cd964"
            ></i-icon>
          </view>
          <view class="main-title">审核通过</view>
          <view class="con">
            亲爱的用户您好，您申请加入的{{ companyName }}，已经审核通过
          </view>
          <view>
            <button class="btn-popup" @click="closePopup">我知道了</button>
          </view>
        </view>
      </view>
    </uni-popup>
  </view>
</template>

<script src="./authenticationState.js"></script>
<style scoped lang="scss">
@import './authenticationState.scss';
</style>
